<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>CSS图型变换Demo</title>
		<link rel="stylesheet" href="css/main.css" />
	</head>

	<body>

		<!--六边形-->
		<div class="main">
			<div class="div1">
				<div class="div2">
					<div class="div3">
						<img src="img/pic2.jpg" />
					</div>
				</div>
			</div>
		</div>

		<!--圆形图片-->
		<label class="circle" for="checkCirle">
			<input type="checkbox" id="checkCirle" />
				<div class="textDiv">
					<span>Hello World!</span>
				</div>
				<div class="textDiv2">
					<span>Hello World!</span>
				</div>
		</label>

	</body>

</html>